{{Template:BUCT/CSS/LoadingCover}}
{{Template:BUCT/CSS/BarTemplate}}
<html>
<link href="https://2020.igem.org/wiki/index.php?title=Template:BUCT/CSS/team_name&action=raw&ctype=text/css"
      type="text/css" rel="stylesheet" />

<link href="https://2020.igem.org/wiki/index.php?title=Template:BUCT/CSS/main&action=raw&ctype=text/css" type="text/css"
      rel="stylesheet" />
<link href="https://2020.igem.org/wiki/index.php?title=Template:BUCT/CSS/home-style&action=raw&ctype=text/css"
      type="text/css" rel="stylesheet" />
<link href="https://2020.igem.org/wiki/index.php?title=Template:BUCT/CSS/button&action=raw&ctype=text/css"
      type="text/css" rel="stylesheet" />

<link href="https://2020.igem.org/wiki/index.php?title=Template:BUCT/CSS/wave&action=raw&ctype=text/css" type="text/css"
      rel="stylesheet" />
<link href="https://2020.igem.org/wiki/index.php?title=Template:BUCT/CSS/HP_page&action=raw&ctype=text/css"
      type="text/css" rel="stylesheet" />
<link href="https://2020.igem.org/wiki/index.php?title=Template:BUCT/CSS/stars&action=raw&ctype=text/css"
      type="text/css" rel="stylesheet" />
<script
        src="https://2020.igem.org/wiki/index.php?title=Template:BUCT/JS/bg_stars&action=raw&ctype=text/javascript"></script>

<script
        src="https://2020.igem.org/wiki/index.php?title=Template:BUCT/JS/gsap&action=raw&ctype=text/javascript"></script>
<style type="text/css">
    /*页脚颜色定制*/
    .team-container {
        margin-top: 300px !important;
    }

    footer {
        margin-top: -40px !important;
        background-color: var(--col-deepblue) !important;
    }

    .wave-box {
        margin-top: 200px !important;
    }

    footer .container .box .img {
        background: #ccf6cc !important;
        box-shadow: 18px 18px 30px #add1ad,
        -18px -18px 30px #ebffeb !important;
    }

    footer .container .box .img:hover {
        background: #ccf6cc !important;
        box-shadow: 0px 0px 0px #add1ad,
        0px 0px 0px #ebffeb,
        inset 18px 18px 30px #add1ad,
        inset -18px -18px 30px #ebffeb !important;

    }
</style>

<script
        src="https://2020.igem.org/wiki/index.php?title=Template:BUCT/JS/pageDes&action=raw&ctype=text/javascript"></script>
<div class="bg-star-container"><canvas id="bubbles-canvas"></canvas>
    <svg class="jellyfish" viewBox="0 0 278.8 291.7">
        <defs>
            <style>
                .cls-1 {
                    fill: #b2d1dc
                }

                .cls-2 {
                    fill: rgba(165, 191, 193, 0.5)
                }

                .cls-3 {
                    fill: #d5a2a2
                }

                .cls-4 {
                    fill: rgba(148, 199, 204, 0.8)
                }

                .cls-5 {
                    fill: rgba(147, 203, 223, 0.5)
                }

                .cls-6 {
                    fill: #93b8c4
                }

                .cls-7 {
                    fill: #c9ecf8
                }

                .cls-8 {
                    fill: #dbf2f9
                }

                .cls-9 {
                    fill: #eea4a4
                }
            </style>
        </defs>

    </svg></div><!-- partial -->
<div id="body-content" style="visibility: hidden">

    <div class="team-container">
        <svg style="z-index: -80" viewBox="0 0 1000 300">
            <symbol id="line-text" style="font-size: 100px!important;">
                <text dy=".4em" text-anchor="middle" x="50%" y="20%">
                    Description
                </text>
            </symbol>

            <use class="text" xlink:href="#line-text"></use>
            <use class="text" xlink:href="#line-text"></use>
            <use class="text" xlink:href="#line-text"></use>
            <use class="text" xlink:href="#line-text"></use>
        </svg>
    </div>
    <div class="article-menu">
        <div class="menu-titles" onclick="scrollControl(800)">
            Inspiration
        </div>
        <div class="menu-titles" onclick="scrollControl(1900)">
            Background
        </div>
        <div class="menu-titles" onclick="scrollControl(2550)">
            Our design
        </div>

    </div>

    <div class="article-content">
        <h2></h2>
        <h1 ><img src="https://2020.igem.org/wiki/images/1/1c/T--BUCT--star.png" alt="star" />Inspiration</h1>

        <p>It was an accidental thought.It all started by a conversation I took with a friend.I learned that he had been entangled in algae at a beach in Qingdao.We looked up more news information and found that cyanobacteria had caused a great disturbance to the production and life of human life,including an acute cyanobacteria poisoning accident occurred in 6 ponds of a fishing ground in Lingwu, Ningxia.</p>
        <p>
            If cyanobacteria float on the surface, they prevent other creatures from using the sun's rays and living.This seriously disrupts the balance of the waters.Cyanobacterial toxins can kill fish and even poison humans. </p>
        <div class="imgBox">
            <img style="margin: 20px auto;width: 800px;height: auto"   src="http://parts.igem.org/wiki/images/6/62/T--BUCT--description_1.png"  alt="chart"/>
        </div>
        <h2></h2>
        <h1 ><img src="https://2020.igem.org/wiki/images/1/1c/T--BUCT--star.png" alt="star" />Background</h1>
        <p>
            Eutrophication in water leads to cyanobacteria bloom occurring more and more frequently.The biggest hazard is the production of MC toxins.MCs is a kind of algal toxin with the highest frequency, the highest content and the highest toxicity.MCs can also enter and accumulate in the body through drinking water, diet and recreational water, posing a serious threat to the safety of drinking water and human health.</p>
        <p>
            The World Health Organization (WHO) has established the limit value of microcystin-LR subtype (Microcystin-LR, Mc-lr) in the standard for drinking water quality, which is 1 g/L. In 2006, China defined Mc-lr as one of the required inspection items for drinking water quality.</p>
        <p>
            We found it’s hard to degrate MC toxins because of its stable structure.So we decided to use biological methods.</p>



        <h2></h2>
        <h1 ><img src="https://2020.igem.org/wiki/images/1/1c/T--BUCT--star.png" alt="star" />Our design</h1>

        <div class="imgBox">
            <img style="margin: 20px auto;width: 600px;height: auto"   src="http://parts.igem.org/wiki/images/6/61/T--BUCT--description_2.png"  alt="chart"/>
        </div>
        <h2>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(1)Degradation</h2>
        <p> Our team has come up with creative ways to use modified cyanophages to solve the problem of harmful cyanobacteria.We found that mlr gene cluster from Sphingomonas sp. can solve this problem well, or more specifically, degrade ADDA-ARG and then reduce its toxicity.That transfers the MLR gene from other species to cyanophage bodies. We designed two parts: mlrA of Spinosidium , which was also used in Peking University in 2014, and mlrA of Novosphingobium SP. THN1. In the degradation part of Microcystin-LR, we characterized BBA_K1378001, add new data for the existing parts and make contribution. Replace the original promoter J23110 with a stronger constitutive promoter J23119, and transform this part into E. coli JM109.</p>
        <div class="imgBox">
            <img style="margin: 0 auto;width: 600px;height: auto"   src="http://parts.igem.org/wiki/images/9/9f/T--BUCT--Skeleton_map_K3699005.png"  alt="chart"/>
        </div>
        <div class="imgBox">
            <img style="margin: 0 auto;width: 600px;height: auto"   src="http://parts.igem.org/wiki/images/f/f4/T--BUCT--Skeleton_map_K3699008.png"  alt="chart"/>
        </div>
        <h2>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(2)Unnatural amino acids system</h2>
        <p>
            Safety issues always come first.
        </p>
        <p>
            To make cyanobacteria to perform only the functions we want without breaking the ecological balance.After the artificial "upgrade" of the cyanophage, we also decided to add "handcuffs" to ensure that the cyanophage always implements its functions in the right place and does not spread to the environment or breaks. Take the tail shell protein gene as an example. If we change the gene 741 T into G, making the UAG replaced by boc in the original the amino acid lysine, so only when there are natural amino acids, it continues to copy, or nothing happens.
        </p>
        <p>
            We designed the unnatural amino acids system to prevent the escape,BBa_3699006. This part integrates orthogonal translation systems together, which facilitates the introduction of the system in E. coli that can specifically recognize UAG and Boc-lysine. We first test whether the system works in E. coli. When this system is finally introduced into the cyanophage genome, the reproduction of cyanophage is controlled by unnatural amino acids.
        </p>
        <div class="imgBox">
            <img style="margin: 0 auto;width: 600px;height: auto"   src="http://parts.igem.org/wiki/images/3/3c/T--BUCT--Skeleton_map_K3699006.png"  alt="chart"/>
        </div>
        <div class="imgBox">
            <img style="margin: 0 auto;width: 600px;height: auto"   src="http://parts.igem.org/wiki/images/5/5a/T--BUCT--Skeleton_map_K3699007.png"  alt="chart"/>
        </div>


    </div>

    <button class="buct-button button-glow button-circle button-action button-jumbo" id="topButton"
            onclick="scrollControl(0)" style=" align-items: center"><img
            src="https://2020.igem.org/wiki/images/3/3d/T--BUCT--arrow-up.png" width="30px"/>
    </button>



</div>
<div class="wave-box">
    <svg viewBox="0 0 120 28">
        <defs>
            <filter id="goo">
                <feGaussianBlur in="SourceGraphic" stdDeviation="1" result="blur" />
                <feColorMatrix in="blur" mode="matrix" values="
           1 0 0 0 0
           0 1 0 0 0
           0 0 1 0 0
           0 0 0 13 -9" result="goo" />
                <xfeBlend in="SourceGraphic" in2="goo" />
            </filter>
            <path id="wave"
                  d="M 0,10 C 30,10 30,15 60,15 90,15 90,10 120,10 150,10 150,15 180,15 210,15 210,10 240,10 v 28 h -240 z" />
        </defs>

        <use id="wave3" class="wave" xlink:href="#wave" x="0" y="-2"></use>
        <use id="wave2" class="wave" xlink:href="#wave" x="0" y="0"></use>

        <g class="gooeff" filter="url(#goo)">
            <circle class="drop drop1" cx="20" cy="2" r="8.8" />
            <circle class="drop drop2" cx="25" cy="2.5" r="7.5" />
            <circle class="drop drop3" cx="16" cy="2.8" r="9.2" />
            <circle class="drop drop4" cx="18" cy="2" r="8.8" />
            <circle class="drop drop5" cx="22" cy="2.5" r="7.5" />
            <circle class="drop drop6" cx="26" cy="2.8" r="9.2" />
            <circle class="drop drop1" cx="5" cy="4.4" r="8.8" />
            <circle class="drop drop2" cx="5" cy="4.1" r="7.5" />
            <circle class="drop drop3" cx="8" cy="3.8" r="9.2" />
            <circle class="drop drop4" cx="3" cy="4.4" r="8.8" />
            <circle class="drop drop5" cx="7" cy="4.1" r="7.5" />
            <circle class="drop drop6" cx="10" cy="4.3" r="9.2" />

            <circle class="drop drop1" cx="1.2" cy="5.4" r="8.8" />
            <circle class="drop drop2" cx="5.2" cy="5.1" r="7.5" />
            <circle class="drop drop3" cx="10.2" cy="5.3" r="9.2" />
            <circle class="drop drop4" cx="3.2" cy="5.4" r="8.8" />
            <circle class="drop drop5" cx="14.2" cy="5.1" r="7.5" />
            <circle class="drop drop6" cx="17.2" cy="4.8" r="9.2" />
            <use id="wave1" class="wave" xlink:href="#wave" x="0" y="1" />
        </g>
        <!-- g mask="url(#xxx)">
        <path   id="wave1"  class="wave" d="M 0,10 C 30,10 30,15 60,15 90,15 90,10 120,10 150,10 150,15 180,15 210,15 210,10 240,10 v 28 h -240 z" />
        </g>
      </g -->

    </svg>
</div>
<div class="wave-bottom"></div>

</html>
{{Template:BUCT/CSS/FooterTemplate}}
